$(document).ready(function() {

    $('.calciatori-draggable').each ( function () {
        $(this).data("Left", $(this).position().left)
        .data("Top", $(this).position().top);

    });
    

    $("#FormazioneSchieramento").change(cambio_formazione);

    $(".calciatori-draggable").draggable();


    $(".slot-calciatore").droppable({
        accept: '.calciatori-draggable',
        activeClass: 'ui-state-hover',
        hoverClass: 'ui-state-active',

        drop: drop_me
    });

});


var cambio_formazione = function () {

    if (confirm("Sicuro di cambiare schema?")){
        $.ajax({
            type: "POST",
            url: "/fantacalcio/formazioni/aggiorna_schema/" + $('#id_formazione').text(),
            data: {
                value: $(this).val()
            },
            success: function(result){
                window.location.reload();
            }
        });
    }
}


    var drop_me = function(event, ui) {

        // $(ui.draggable).after($(ui.draggable).clone());

        //calciatore che è stato mollato nella casella
        var calciatoreDroppato = $("#calciatore-" + $(ui.draggable).attr("rel"));

        //calciatore che è stato sostituito e che era nella casella
        var calciatoreSostituito = $("#calciatore-" + $(this).attr("rel"));

        //controllo se posso dropparlo!

        if ($(this).closest('.parte_di_campo').attr("rel") == $("#" + calciatoreDroppato.attr("id") + " .ruolo").text()) {

            //dentro alla casella c'era già un calciatore
            if ($(this).attr("rel")) {

                //ricreo il calciatore nella lista
                var li = $('#calciatore-template').clone().attr('id', '').attr("rel", $(this).attr("rel"))
                .html($("#" +calciatoreSostituito.attr('id') + " .cognome").text() + " " + $("#" +calciatoreSostituito.attr('id') + " .nome").text()).show();

                $(".disponibili li:last").after(li);

                $(".calciatori-draggable").draggable();
    
            }

            //appoggio il calciatore
            $(this).attr("rel",$("#" + calciatoreDroppato.attr("id") + " .idCalciatore").text())
            .addClass('ui-state-highlight').html($("#" + calciatoreDroppato.attr("id") + " .cognome").text());

            $(ui.draggable).remove();
            //aggiungo all'hidden
            $("#FormazioneCalciatore" + $(this).attr("ref") + "CalciatoreSchierato").val($("#" + calciatoreDroppato.attr('id') + " .idCalciatore").text());
        //console.log($("#FormazioneCalciatore" + $(this).attr("ref") + "CalciatoreSchierato"), $("#" + calciatoreDroppato.attr('id') + " .idCalciatore").text());
        }
        else {
            alert("non puoi, non è il suo ruolo");

            $(ui.draggable).css("position", "relatiev");

            $(ui.draggable).animate(
            {
                "left": '0', //$(ui.draggable).data("Left"),
                "top": '0' //$(ui.draggable).data("Top")
            }, "slow");


        }
    }